<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			li{float:left;text-align:center;list-style-type:none;}
			a{float:left;width:120px; text-decoration:none;color:white; background-color:purple; padding:3px 10px;border-right:1px solid white;}
			a:hover{background-color:yellow}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">用户管理</a></li>
			<li><a href="#">购物车</a></li>
			<li><a href="#">订单</a></li>
			<li><a href="#">退出</a></li>
		</ul>
	</body>
</html>
